 body {  
           display: flex;  
           flex-direction: column;  
           align-items: center;    
           margin: 0;  
           padding: 0;  
           background-color: #f0f0f0;  
           height: 100vh;  
           overflow: hidden; 
       }  
         
       h1 {  
           text-align: center; 
           margin-bottom: 20px;  
       }  
         
       .outer-container {  
           width: 80%;   
           margin-top: 10vh; 
       }  
         
       .notice-board,  
       .input-container,  
       .info-box {  
           margin-bottom: 10px;  
           border-radius: 8px;  
           box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  
       }  
         
       
        .notice-board {  
            padding: 10px;  
            background-color: #f0f0f0;  
        }  
  
        .input-container {  
            display: flex;  
            align-items: center; 
            padding: 10px;  
            background-color: #f0f0f0;  
        }  
  
        .input-container input {  
            flex: 1;
            padding: 10px;  
            border: 1px solid #f0f0f0;  
            border-radius: 5px;  
            margin-right: 10px;  
        }  
  
        .input-container button {  
            padding: 10px 20px;  
            background-color: #007bff;  
            color: #fff;  
            border: none;  
            border-radius: 5px;  
            cursor: pointer;  
        }  
  
        .info-box {  
            padding: 10px; 
            background-color: #f0f0f0;  
        }  
  
        .info-box .label {  
            font-weight: bold;  
            margin-right: 5px; 
			 
        }  